
/* CSS Document */

.main-user{

    height:100%;
    margin-left:0px;
    padding-top:0px;
    background:#fff;
    overflow:hidden;
}
.main-user-title{
    position:fixed;
    left:0;
    top:0px;
    z-index:1020;
    width:100%;
    height:40px;
    text-align:center;
    line-height:40px;
    font-size:14px;
    font-weight:bold;
    color:#555;
    border-bottom:1px solid #e6e6e6;
    background:#f5f5f5;
    -webkit-box-shadow:0px 0px 5px 0px #ccc;
    -moz-box-shadow:0px 0px 5px 0px #ccc;
    box-shadow:0px 0px 5px 0px #ccc ;

}
.main-user-body{
    position:relative;
    padding-top:40px;
    height:100%;
    overflow:hidden;
    background:#f9f9f9;
}

/*** main-slider ****/

.usecenter-slider{
    position:fixed;
    left:5%;
    top:191px;
    width:260px;
    height:100%;
    padding:0px 0px 10px 0px;
    background-color:#fff;
    color:#333;
    border-right:1px solid #ccc;
    z-index:9999;
    color:#333;
}
.usecenter-slider>.user{ margin:0px;
    padding:0px;
    margin:0px 12px 0px 12px;
    text-align:center;
    height:100px;
    border-bottom:solid 1px #ddd;
}
.usecenter-slider>.user>.usecenter-user-head {
    height:75px;
    width:260px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    /*behavior:url(css/lib/PIE.htc);*/
    clear:both;
    text-align:center;
}
.usecenter-user-head  img{
    height:48px;
    width:48px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    /*behavior:url(css/lib/PIE.htc);*/
    margin:15px 0px 5px 0px;

}
.usecenter-user-name{
    width:100%;
    line-height:14px;
    text-align:center;
    color:#fff;
    position:fixed;
    top:150px;
    z-index:9999;
    font-size: 18px;
    font-weight: bold;

}
.usecenter-user-slider>.user_ico{

    display:inline-block;
    height:13px;
    width:13px;
    line-height:1;
    background:url(/resource/img/admin/user_ico.png) no-repeat;
}



.usecenter-user-nav{
    margin:20px 0px 0px 0px;
    padding:0px;
    height:100%;
}
.usecenter-slider>.usecenter-user-nav li{
    color:#444;
    line-height:32px;
    list-style: none;

}
.usecenter-user-nav li.usecenter-set-title,{

    line-height: 32px;

}
.usecenter-user-nav li.usecenter-set-title >a{
    margin-left: 55px;
    background:url(/resource/img/admin/user_ico.png) no-repeat center left;
    cursor:default;
    padding-left:18px;
    display: block;
    color: #444;
    font-weight: bold;
}

.usecenter-user-nav>li>.usecenter-set-title a:hover{
    background:transparent;
    background:url(/resource/img/admin/user_ico.png) no-repeat center left;
}

.usecenter-user-nav li.usecenter-message-title,{

    line-height: 32px;

}
.usecenter-user-nav li.usecenter-message-title >a{
    margin-left: 55px;
    background:url(/resource/img/admin/user_message.png) no-repeat center left;
    cursor:default;
    padding-left:18px;
    display: block;
    color: #444;
    font-weight: bold;
}

.usecenter-user-nav>li>.usecenter-message-title a:hover{
    background:transparent;
    background:url(/resource/img/admin/user_message.png) no-repeat center left;
}

.usecenter-user-nav>li:first-child>a{
    border:0 none;
}
.usecenter-user-nav>li >.usecenter-set>li{
    color:#333;
    list-style:none;
    margin-bottom: 10px;
    line-height: 32px;
    height: 32px;

}
.usecenter-user-nav>li>.usecenter-set>li>a{
    margin-bottom: 10px;
    line-height: 32px;
    height: 32px;
    color:#333;
    display: block;
    padding-left:86px;


}
.usecenter-user-nav>li .usecenter-set>li>a:hover{
    background-color:#ddd;
    color:#333;
    height:32px;
    display:block;
}
.usecenter-user-nav>li .usecenter-set>li.active>a{
    background-color:#ddd;
    color:#333;
    height:32px;
}

.clear{margin-bottom: 0px; clear: both; height: 0px;}

.usecenter-container{
    margin-left:260px;
    padding:191px 30px 15px 100px;
    background:#fff;
    min-height: 620px;

}
.user-bg-two{
    height:100%;
    overflow-y:auto;
    padding-right:5%;

}
.user-head{width:100%; text-align:center; position:fixed; z-index:9999; top:60px; color:#fff;}

.usecenter-container >.usecenter-container-title{
    height:45px;
    padding:0px 15px;
    font-size:15px;
    font-weight:bold;
    line-height:70px;
    height:70px;
}

.user-set-base-mesage{

    margin:0px;
    padding:0px 0px 20px 0px;
    height:auto;
}
.user-set-base-border{ border-bottom:solid 1px #ddd;}

.btn-submit{
    padding:6px 30px;
}


.form-base .controls-set{
    width:400px;
    margin:0px 20px 0px 20px;
    float:left;

}
.con-btn{
    float:left;
    width:150px;

}
.form-base .controls .btn-submit,
.form-base .controls .btn-cancel{
    margin-top:20px;
}
.form-base  .controls-set .email-set{
    margin-left:20px;
    width:100px;
    height:34px;
    float:left;
    display:inline;
}

.form-control-input{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    width:400px;
    border:0;
    height:34px;
    line-height:34px;
    background:none;
}

.user-base-reset-btn{
    padding:20px 0px 0px 120px;
    height:100px;
}



.form-base .form-group .controls-phone{
    width:100px;
    margin-right:60px;
    padding-left:20px;
    float:left;
}

.form-base .form-group .controls-set-time{
    width:110px;
    margin-right:0px 5px 0px 5px;
    padding-left:20px;
    float:left;
}

.form-base .form-group .controls-set-time-to{
    width:90px;
    margin-right:0px 5px 0px 5px;
    padding:0px;
    float:left;
}

.form-base .form-group>.line{

    line-height: 30px;
    float:left;
    width:20px;
    height: 3px;
    background:#d5d5d5;
    display: block;
    margin: 15px 10px ;
}

.form-base  .controls-set .email-set{
    margin-left:20px;
    width:100px;
    height:34px;
    float:left;
    display:inline;
}

.form-base .controls-check{
    width:120px;
    margin:0px 10px 0px 20px;
    float:left;

}
.form-base  .form-group .check-right{
    margin:0px;
    height:34px;
    float:left;
    width:13px;
    display:inline;
    background:url(/resource/img/admin/check_right.png) no-repeat center;
}


.user-check-f{
    margin:40px 0px 0px 0px;
    padding:25px 0px 0px 0px;
    width:100%;
    background:#ffd4d4;
    height:285px;

}
.user-check-s{
    padding:25px 0px 0px 0px;
    width:100%;
    background:#dae8c2;


}
.user-check-f-img{
    margin:0px auto;
    padding:0px;
    height:46px;
    width:400px;
    background:url(/resource/img/admin/user_check_fail.png) no-repeat center;
}
.user-check-s-img{
    margin:0px auto;
    padding:0px;
    height:46px;
    width:400px;
    background:url(/resource/img/admin/user_check_success.png) no-repeat center;
}

.user-check-text{
    margin:0px auto;
    padding-left:50px;
    width:400px;
}
.user-check-text >.title{
    margin:0px;
    padding-bottom:10px ;
    line-height:50px;
    height:50px;
    color:#ff3f3f;
    font-size:18px;
    text-align:left;
    font-weight: bold;

}

.user-check-text-s{
    margin:0px auto;
    padding:0px;
    width:400px;
}
.user-check-text-s >.title{
    margin:0px;
    padding-bottom:10px ;
    line-height:50px;
    height:50px;
    color:#67a101;
    font-size:18px;
    text-align:center;
    font-weight: bold;
}

.user-check-text-s >.set-email-title{
    margin:-20px;
    padding-bottom:20px ;
    line-height:50px;
    height:60px;
    font-size:18px;
    text-align:center;
    font-weight: bold;

}
.user-check-text>.p{
    margin:0px;
    padding:0px;
    line-height:30px;
    text-align:left;

}
.user-check-text-s>.p{
    margin:0px;
    padding:0px;
    line-height:30px;
    text-align:center;

}
.user-check-text-s>.p span{
    font-size: 15px;

}
.user-check-fail-button{
    margin:0px auto;
    padding:30px 0px;
    text-align:center;
}

.text-bold{ font-weight:bold;}


.radio-float{
    float:left;
    margin-right:90px;
    display:block;
}
.radio-left{
    float:left;
    height:20px;
    display:block;
}

.radio-blue{
    background-color:#5aa8d0;
}

.user-call{
    font-size:12px;
    padding-left:120px;
    height:15px;
    margin-bottom:20px;
}
.controls-reset-email{
    width:280px;
    margin:0px 20px 0px 20px;
    float:left;
}


.verification-phone{
    width:100px;
    margin-right:105px;
    padding-left:20px;
    float:left;
}

.flag{
    margin:0px;
    padding:0px;
}
.flag li{
    margin:0px 40px 0px 0px;
    padding:0px;
    height:69px;
    width:114px;
    float:left;
    text-align:top;
}
.flag li a ,.flag li a:hover,.flag li a.active{
    padding:3px;
    margin:0px;
    border:0px;
    height:69px;
    width:124px;
    display:block;
}
.flag li a{
    border:solid 2px transparent;
}
.flag li a:hover, .flag li a.active{
    border:2px solid #00beea;
    height:69px;

}

.set-phone-day,.set-phone-line, .set-phone-time,.set-phone-time-num{
    margin-left:120px;
    padding:0px;
    width:100%;
    padding-right:200px;
}
.set-phone-day{
    height:25px;

}
.set-phone-time{
    height:12px;
    border-left:solid 1px #ccc;
    padding-left:5px;
}
.set-phone-time>.box1,.set-phone-time>.box2{
    float:left;
    dispay:inline;
    width:8.3%;
}
.set-phone-time>.box1{
    height:6px;
    border-right:solid 1px #ccc;
}
.set-phone-time>.box2{
    height:12px;
    border-right:solid 1px #ccc;
}
.set-phone-time-num{
    height:20px;
    font-size:12px;
    line-height:20px;
}
.set-phone-time-num-box{
    float:left;
    dispay:inline;
    width:20%;
}
.set-phone-time-num-box2{
    float:left;
    dispay:inline;
    width:20%;
    text-align:left;
    padding-left:3%;
}
.set-phone-time-num-box3{
    float:left;
    dispay:inline;
    width:20%;
    text-align:center;
}
.set-phone-time-num-box4{
    float:left;
    dispay:inline;
    width:20%;
    text-align:right;
    padding-right:4%;

}
.set-phone-time-num-box5{
    float:left;
    dispay:inline;
    width:20%;
    text-align:right;
}
.user-center-bottom {
    position:absolute;
    top:-20px;
    left:-12px;
    width:23px;
    height:24px;
    display:block;
    cursor:pointer;
    background-image:url(/resource/img/icon/scroll_down_btn.png);
    -webkit-animation:slideUp 1.6s ease-in-out 0s infinite;
    -moz-animation:slideUp 1.6s ease-in-out 0s infinite;
    -ms-animation:slideUp 1.6s ease-in-out 0s infinite;
    -o-animation:slideUp 1.6s ease-in-out 0s infinite;
    animation:slideUp 1.6s ease-in-out 0s infinite;
    z-index: 9999;
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background-image:url(/resource/img/icon/scroll_down_btn.png);
    }
    50% {
        -webkit-transform:translateX(0) translateY(-10px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background-image:url(/resource/img/icon/scroll_down_btn1.png);
    }
    100% {
        -webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background-image:url(/resource/img/icon/scroll_down_btn.png);
    }
}
@-ms-keyframes slideUp {
    0% {
        -ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background-image:url("scroll_down_btn.png") !important;
    }
    50% {
        -ms-transform:translateX(0) translateY(-10px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background-image:url(/resource/img/icon/scroll_down_btn1.png) !important;
    }
    100% {
        -ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background-image:url(/resource/img/icon/scroll_down_btn.png) !important;
    }
}
@-moz-keyframes slideUp {
    0% {
        -moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background-image:url("/resource/img/icon/scroll_down_btn.png") !important;
    }
    50% {
        -moz-transform:translateX(0) translateY(-10px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background-image:url("/resource/img/icon/scroll_down_btn1.png") !important;
    }
    100% {
        -moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background-image:url(/resource/img/icon/scroll_down_btn.png) !important;
    }
}
@keyframes slideUp {
    0% {
        transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background:url("../../img/icon/scroll_down_btn.png") !important;
    }
    50% {
        transform:translateX(0) translateY(-10px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background:url(/resource/img/icon/scroll_down_btn1.png) !important;
    }
    100% {
        transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scaleX(1) scaleY(1) scaleZ(1);
        background:url(/resource/img/icon/scroll_down_btn.png);
    }
}

#myCenter{
    display: none;width: 100%;
    position: absolute;
    z-index: 99999;
}

.user-reset-email-box{
    margin:55px 0px 0px 0px;
    height:auto;

}
.reset-email-step,.reset-e-step{
    width:100%;
    margin:0px auto;

}
.reset-email-step{
    padding:0px 20px;
    height:30px;

}
.reset-e-step{
    position: relative;
    padding:0px 0px 0px 5px;
    height:30px;
    line-height:30px;
}
.stepone,.steptwo,.stepthree{
    position:relative;
    display:block;
    text-align:center;
    color:#9d9d9d;
    width:100px;
}
.stepone{

    margin: 0px;
    top: 0;
    left: 0%;

}
.steptwo{
    margin:-30px 0px 0px -50px;
    left: 50%;
    top: 0px;
}
.stepthree{
    margin:-30px 0px 0px -65px;
    left: 100%;
    top: 0px;
}
.text-active{ color:#444;}

.step-form{
    margin:0px auto;
    padding:80px 0px 0px 20px;
    width:560px;
}
.form-base .controls-step-form{
    width:330px;
    float:left;
    margin:0px 20px 0px 20px;
}


.form-base .form-group .controls-set-time{
    width:90px;
    margin-right:60px;
    padding-left:20px;
    float:left;
}
/*淇敼閭姝ラ杩涘害鏉�*/


.step-bar{
    position:relative;
    width: 100%;
    height:3px;
    margin:13px 20px 13px 20px;
    top: 0px;
    left:0px;
    background: #d0d0d0;
    z-index: 2;
}
.step-bar-blue{
    position:relative;
    top: 0px;
    left:0px;
    height:3px;
    margin:13px 0px 13px 0px;
    background: #00beea;
    z-index: 3;

}
.bar-blue-one{width:0%;}
.bar-blue-two{width:50%;}
.bar-blue-three{width:100%;}

.step-num{
    position: relative;
    z-index: 4;
    top: -28px;
    width:28px;
    height: 28px;
    line-height: 28px;
    font-weight: bold;;
    font-size:16px;
    color: #fff;
    background: #e3e3e3;
    text-align:center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.step-num-one{
    left: 0;
}
.step-num-two{
    left: 50%;
    margin:-28px 0px 0px -28px;
}
.step-num-three{
    left: 100%;
    margin:-28px 0px 0px -28px;
}
.step-num-blue{
    background: #00beea;
}


.new-email-set-message{
    padding:15px 20px 15px 15px;
    width:320px;
    height:70px;
    background-color:#dbefce;
    line-height:20px;
    display:block;
    font-size:13px;
    color:#4a7d28;
}

.new_email_set_message{
    padding:0px 20px 0px 15px;
    width:350px;
    height:40px;
    background-color:#dbefce;
    line-height: 40px;
    display:block;
    font-size:13px;
    color:#4a7d28;
    white-space: nowrap;
}

.new-email-set-warning{
    padding:15px 20px 15px 15px;
    width:320px;
    height:50px;
    background-color:#ffd4d4;

    display:block;
    font-size:13px;
    color:#c00000;
}

.new_email_set_warning{
    padding:0px 20px 0px 15px;
    width:350px;
    height:40px;
    background-color:#ffd4d4;
    line-height: 40px;
    display:block;
    font-size:13px;
    color:#c00000;
    white-space: nowrap;
}

.del-pane{ height:43px;}
.user-head img{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.user-toggle-img{
    position: fixed;
    left: 50%;
    z-index: 99999;
}
.check_code_warning{color:red}
.login-success{background: #FAFAFA; padding: 15px; height: 100%;}
.login-time{ font-size: 16px; text-align: center; padding: 20px 0;}
.login-time span{font-size: 25px;}
.login-fail .user-check-s{background: #ffd4d4;}
.login-fail .user-check-text-s .title{color: #ff3e3e}
.login-fail .user-check-s-img{background:url(/resource/img/admin/user_check_fail.png) no-repeat center}